<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>详情</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/dialog.css"/>
<link rel="stylesheet" type="text/css" href="css/user.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/dialog.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<script src="js/user_detail.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<header class="header">
	<a class="left_icon back_btn"></a>
	<h4 class="title">详情</h4>
</header>

<footer class="footer top-line main-line h5 flex-row dm-mainBottom">
	<dl class="flex-full flex-row">
		<dt class="icon"><img src="image/icon/contact-icon.png" /></dt>
		<dd class="name">聊天</dd>
	</dl>
	<dl class="flex-full left-line flex-row" onclick="location.href='pushMod.html'">
		<dt class="icon"><img src="image/icon/send-icon.png" /></dt>
		<dd class="name">推送</dd>
	</dl>
	<dl class="flex-full left-line flex-row" onclick="editIntent()">
		<dt class="icon"><img src="image/icon/intent.png" /></dt>
		<dd class="name">意向</dd>
	</dl>
</footer>

<div class="swiper-container Main" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children">
				
				<ul class="userBox dm-mt dm-mb flex-row bg-w" v-for='(item,index) in userData' v-if="userData[index].id == userId">
					<li class="photo">
						<div class="cover"><img :src="item.photo" /></div>
					</li>
					<li class="flex-full info">
						<h4 class="name">{{item.name}}<span class="vip">vip1</span></h4>
						<h5 class="time">积分总额 12000</h5>
					</li>
					<button type="button" class="info-edit" onclick="editInfo()">信息编辑</button>
				</ul>
				
				<div class="dm-norlist bg-w dm-mb" id="tagShow" @click="addMask">
					<ul class="list flex-row arrow">
						<li class="name">标签</li>
						<li class="cot flex-full" v-for='(item,index) in userData' v-if="userData[index].id == userId">
							<template v-if='item.tag == null'>暂无标签</template>
							<template v-else v-for='(tag,i) in item.tag'>
								<template v-if='i<item.tag.length-1'>{{tag+'，'}}</template>
								<template v-else>{{tag}}</template>
							</template>
						</li>
					</ul>
				</div>
				
				<div class="dm-mainNav flex-row bg-w dm-clearfix">
					<a class="on flex-full" onclick="historyTab(this)">Ta的足迹</a>
					<a class="flex-full" onclick="historyTab(this)">营销记录</a>
				</div>
				
				<ol class="history-wrap bg-w top-line bottom-line">
					<!--他的足迹-->
					<li class="history-box history-1">
						<dl class="list flex-row bottom-line">
							<dt class="time">2018.10.06</dt>
							<dd class="flex-full">
								<ul class="box bottom-line flex-row">
									<li class="dot"></li>
									<li class="link flex-full">
										浏览商品<span class="type-1">“欧式风格425㎡七居室”</span>
										<div class="cover" data-rate='1'>
											<img src="image/test/pro-1.png" />
										</div>
									</li>
								</ul>
								<ul class="box bottom-line flex-row">
									<li class="dot"></li>
									<li class="link flex-full">
										购买商品<span class="type-1">“欧式风格425㎡七居室”</span>
										<div class="cover" data-rate='1'>
											<img src="image/test/pro-1.png" />
										</div>
									</li>
								</ul>
								<ul class="box bottom-line flex-row">
									<li class="dot"></li>
									<li class="link flex-full">
										绑定导购<span class="type-2">王多鱼</span>
									</li>
								</ul>
							</dd>
						</dl>
					</li>
					<!--营销记录-->
					<li class="history-box history-2" style="display: none;">
						<dl class="list flex-row bottom-line">
							<dt class="time">2018.10.06</dt>
							<dd class="flex-full">
								<ul class="box bottom-line flex-row">
									<li class="dot"></li>
									<li class="link flex-full">
										推送商品<span class="type-1">“欧式风格425㎡七居室”</span>
										<div class="cover" data-rate='1'>
											<img src="image/test/pro-1.png" />
										</div>
									</li>
								</ul>
								<ul class="box bottom-line flex-row">
									<li class="dot"></li>
									<li class="link flex-full">
										推送优惠券<span class="type-1">“满200减40”</span>
									</li>
								</ul>
								<ul class="box bottom-line flex-row">
									<li class="dot"></li>
									<li class="link flex-full">
										推送案例<span class="type-1">“欧式风格425㎡七居室”</span>
										<div class="cover" data-rate='1'>
											<img src="image/test/pro-1.png" />
										</div>
									</li>
								</ul>
							</dd>
						</dl>
					</li>
				</ol>
				
			</div>
			
		</div>
	</div>
</div>


<!--添加标签-->
<div class="subMain animate" id="addTagMask">
	<header class="header">
		<a class="left_icon back_btn" data-type='1'></a>
		<h4 class="title">添加标签</h4>
		<a class="right_icon achieved-btn" id="achievedBtn">完成</a>
	</header>
	<div class="swiper-container Main" id="addTag">
		<div class="swiper-wrapper">
			<div class="swiper-slide content">
				
				<div class="children">
					
					<div class="dm-norlist top-line bottom-line dm-mt bg-w">
						<ul class="flex-row input">
							<li class="cot flex-full">
								<input type="text" class="max-input" id="tag" placeholder="输入标签，最多20个字符" />
							</li>
							<li class="name">
								<button class="btn" id="addBtn" type="button">添加</button>
							</li>
						</ul>
					</div>
					
					<div class="tag-wrap dm-clearfix"></div>
					
				</div>
				
			</div>
		</div>
	</div>
</div>
<!--添加标签 end-->


<!--意向-->
<div class="subMain animate" id="indentMask">
	<header class="header">
		<a class="left_icon back_btn" data-type='1'></a>
		<h4 class="title">意向选择</h4>
	</header>
	<div class="swiper-container Main" id="indentMod">
		<div class="swiper-wrapper">
			<div class="swiper-slide content">
				
				<div class="children">
					
					<div class="dm-title">意向选择</div>
					<div class="dm-norlist bg-w top-line bottom-line">
						<ul class="list flex-row bottom-line">
							<li class="cot flex-full flex-row">
								<label class="flex-full" for="pro-1">志邦厨柜</label>
							</li>
							<li class="name flex-row" style="padding-right: 0;">
								<input type="checkbox" id="pro-1" name="product" />
							</li>
						</ul>
						<ul class="list flex-row bottom-line">
							<li class="cot flex-full flex-row">
								<label class="flex-full" for="pro-2">法兰菲衣柜</label>
							</li>
							<li class="name flex-row" style="padding-right: 0;">
								<input type="checkbox" id="pro-2" name="product" />
							</li>
						</ul>
						<ul class="list flex-row bottom-line">
							<li class="cot flex-full flex-row">
								<label class="flex-full" for="pro-3">志邦木门</label>
							</li>
							<li class="name flex-row" style="padding-right: 0;">
								<input type="checkbox" id="pro-3" name="product" />
							</li>
						</ul>
					</div>
					
					<div class="dm-title">地址选择</div>
					<div class="dm-norlist bg-w top-line bottom-line">
						<ul class="list flex-row bottom-line">
							<li class="cot flex-full flex-row">
								<label class="flex-full" for="addr-1">安徽省合肥市蜀山区稻香楼街道望江西路与肥西路交口西湖国际广场C座1706室</label>
							</li>
							<li class="name flex-row" style="padding-right: 0;">
								<input type="checkbox" id="addr-1" name="address" />
							</li>
						</ul>
						<ul class="list flex-row bottom-line">
							<li class="cot flex-full flex-row">
								<label class="flex-full" for="addr-2">安徽省合肥市蜀山区稻香楼街道望江西路与肥西路交口西湖国际广场D座1706室</label>
							</li>
							<li class="name flex-row" style="padding-right: 0;">
								<input type="checkbox" id="addr-2" name="address" />
							</li>
						</ul>
					</div>
					
					<button class="submitBtn" type="button" onclick="closeSubMain($('#indentMask'))">提交意向</button>
					
				</div>
				
			</div>
		</div>
	</div>
</div>

</body>
</html>
